// animation-duration: 2s;    //动画持续时间
// animation-delay: 1s;    //动画延迟时间
// animation-iteration-count: 2;    //动画执行次数

.hide {
  visibility: hidden;
}

.slider {
  width: 100%;
  height: 100%;
  position: relative;
}

.flower {
  width: 360rem;
  height: 400rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  animation-duration: 1s;
  animation-delay: 0s;
}

.s1 {
  width: 750rem;
  height: 400rem;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -200rem;
  animation-duration: 1s;
  animation-delay: 1s;
}

.s1-t1 {
  width: 120rem;
  height: 220rem;
  position: absolute;
  top: 50%;
  left: 500rem;
  margin-top: -110rem;
  animation-duration: 0.3s;
  animation-delay: 1.5s;
}

.s1-t2 {
  width: 200rem;
  height: 220rem;
  position: absolute;
  top: 50%;
  left: 160rem;
  margin-top: -110rem;
  animation-duration: 0.7s;
  animation-delay: 2s;
}

.s2-i1 {
  width: 82rem;
  height: 384rem;
  position: absolute;
  left: 570rem;
  top: 54rem;
  z-index: 1;
  animation-duration: 1s;
  animation-delay: 0s;
}

.s2-i2 {
  width: 128rem;
  height: 442rem;
  position: absolute;
  left: 555rem;
  top: 54rem;
  z-index: 2;
  animation-duration: 1s;
  animation-delay: 0.5s;
}

.s2-i3 {
  width: 424rem;
  height: 372rem;
  position: absolute;
  left: 48rem;
  top: 72rem;
  animation-duration: 0.5s;
  animation-delay: 1.5s;
}

.s2-i4 {
  width: 390rem;
  height: 326rem;
  position: absolute;
  left: 62rem;
  top: 96rem;
  animation-duration: 0.5s;
  animation-delay: 2s;
}

.s2-i5 {
  width: 630rem;
  height: 400rem;
  position: absolute;
  left: 60rem;
  right: 60rem;
  top: 620rem;
  border-radius: 20rem;
  animation-duration: 0.5s;
  animation-delay: 2.5s;
}